aside{
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0;
  width: 30px;
  height: 100vh;
  line-height: 14px;
  background-color: #191919;
}
aside .otherInfor .top{
  margin-top: 140px;
  text-align: center;
}
aside .otherInfor .top a{
  color: #ccc;
  display: block;
}
aside .otherInfor .top .order{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #aaa;
  width: 30px;
  height: 134px;
  background-image: url(../images/aside/zj-css.png);
  background-repeat: no-repeat;
  background-position: 4px -500px;
}
aside .otherInfor .top .order:hover{
  background-position: -51px -500px;
}
aside .otherInfor .top .contact,
aside .otherInfor .top .photography{
  padding: 45px 5px 20px;
  border-bottom: 1px solid #aaa;
  color: #aaa;
  font-size: 8px;
  position: relative;
}
aside .otherInfor .top .contact div,
aside .otherInfor .top .photography div{
  width: 30px;
  height: 50px;
  background-image: url(../images/aside/kefu.gif);
  background-repeat: no-repeat;
  background-position:center top 15px;
  position: absolute;
  top: 0px;
  left: 0;
}
aside .otherInfor .top .contact:hover div{
  background-image: url(../images/aside/zj-css.png);
  background-position:-55px -132px; 
}
aside .otherInfor .top .contact:hover{
  color: #e99605;
}
aside .otherInfor .top .photography div{
  background-image: url(../images/aside/zj-css.png);
  background-position:4px -725px; 
}
aside .otherInfor .top .photography:hover div{
  background-image: url(../images/aside/zj-css.png);
  background-position:-54px -725px; 
  color: #e99605;
}
aside .otherInfor .top .photography:hover{
  color: #e99605;
}
aside .otherInfor .top .youji,
aside .otherInfor .top .zhaopian,
aside .otherInfor .top .xiaoxi,
aside .otherInfor .top .code,
aside .otherInfor .bottom .yijian,
aside .otherInfor .bottom .app,
aside .otherInfor .bottom .back{
  width: 30px;
  height: 40px;
  border-bottom: 1px solid #aaa;
  position: relative;
  background-image: url(../images/aside/zj-css.png);
  background-position: 4px -375px;
  background-repeat: no-repeat;
}
aside .otherInfor .top .zhaopian{
  background-position: 5px -198px;
}
aside .otherInfor .top .xiaoxi{
  background-position: 5px -313px;
}
aside .otherInfor .top .code{
  background-position: 5px -258px;
}
aside .otherInfor .top .youji:hover{
  background-position: -55px -375px;
}
aside .otherInfor .top .zhaopian:hover{
  background-position: -56px -198px;
}
aside .otherInfor .top .xiaoxi:hover{
  background-position: -55px -313px;
}
aside .otherInfor .top .code:hover{
  background-position: -54px -258px;
}
aside .otherInfor .top .youji div,
aside .otherInfor .top .zhaopian div,
aside .otherInfor .top .xiaoxi div,
aside .otherInfor .bottom .yijian div,
aside .otherInfor .bottom .back div{
  width: 72px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -72px;
  line-height: 40px;
  background-color: #333333;
  color: #e99605;
  border-left: 2px solid #e99605;
  display: none;
}

aside .otherInfor .top .code div{
  width: 174px;
  height: 182px;
  background-image: url(../images/aside/cebianweixin_code.jpg);
  position: relative;
  bottom: 115px;
  left: -174px;
  display: none;
}
aside .otherInfor .top .youji:hover div,
aside .otherInfor .top .zhaopian:hover div,
aside .otherInfor .top .xiaoxi:hover div,
aside .otherInfor .top .code:hover div,
aside .otherInfor .bottom .yijian:hover div,
aside .otherInfor .bottom .app:hover div,
aside .otherInfor .bottom .back:hover div{
  display: block;
}
aside .otherInfor .bottom{
  margin-top: 100px;
  text-align: center;
}
aside .otherInfor .bottom a{
  display: block;
  width: 30px;
  height: 40px;
  border-top: 1px solid #aaa;
}
aside .otherInfor .bottom .yijian{
  background-position: 3px -806px;
}
aside .otherInfor .bottom .yijian:hover{
  background-position: -54px -806px;
}
aside .otherInfor .bottom .app{
  background-image: url();
  color: #ff9d00;
  font-weight: bold;
  line-height: 40px;
}
aside .otherInfor .bottom .app div{
  width: 179px;
  height: 182px;
  background-image: url(../images/aside/cebianweixin_code3.png);
  position: relative;
  bottom: 155px;
  left: -179px;
  display: none;
}
aside .otherInfor .bottom .back{
  cursor: pointer;
  background-position: 7px -440px;
}
aside .otherInfor .bottom .back:hover{
  background-position: -54px -440px;
}